<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <title>珍珠项链 1号店</title>
</head>

<body>
    <!--网页头部-->
    <header>
        <div class="soubg">
            <div class="sou fl">
                <div class="s_city_b">
                    <span>送货至：四川</span>
                </div>
            </div>
            <div class="fr top_right">
                <div class="fl">
                    你好!请<a href="#">登录</a>
                    <a href="#" style="color:#ff4e00;">免费注册</a>&nbsp;|&nbsp;<a href="#">我的订单</a>&nbsp;|
                </div>
                <ul class="ss">
                    <li class="ss_list">
                        <a href="#">收藏夹</a>
                    </li>
                    <li class="ss_list ss_listBg">
                        <a href="#">客户服务</a>

                        <div class="ss_list_bg">
                            <div class="ss_list_c">
                                <ul>
                                    <li><a href="#">包裹跟踪</a></li>
                                    <li><a href="#">常见问题</a></li>
                                    <li><a href="#">在线退款</a></li>
                                    <li><a href="#">在线投诉</a></li>
                                    <li><a href="#">配送范围</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="ss_list">
                        <a href="#">网站导航</a>
                    </li>
                </ul>
                <span class="fl">|&nbsp;关注我们：</span>
                <span class="s_sh">
                    <a href="#" class="sh1">新浪</a>
                    <a href="#" class="sh2">微信</a>
                </span>
                <span class="fr">|&nbsp;
                    <a href="#">手机版&nbsp;
                        <img src="images/s_tel.png" align="absmiddle" />
                    </a>
                </span>
            </div>
        </div>

        <div class="top">
            <div class="logo">
                <a href="#">
                    <img src="images/logo.png" />
                </a>
            </div>
            <div class="search">
                <form>
                    <input type="search" value="" placeholder="请输入关键字" class="s_ipt" />
                    <input type="submit" value="搜索" class="s_btn" />
                </form>
                <div class="fl">
                    <a href="#">咖啡</a>
                    <a href="#">iphone 6S</a>
                    <a href="#">新鲜美食</a>
                    <a href="#">蛋糕</a>
                    <a href="#">日用品</a>
                    <a href="#">连衣裙</a>
                </div>
            </div>
            <div class="i_car">
                <div class="car_t">购物车</div>
                <div class="last">
                    <div class="noshop">
                        <img src="images/icon_tips2.png" alt="" />
                        <h3>你的1号店购物车还是空的</h3>
                    </div>
                    <div class="shop">
                        <ul>
                            <li>
                                <h4>1号店满199减100 <span class="J_count">共1件商品</span></h4>
                                <div class="clear">
                                    <div class="shopImg">
                                        <img src="images/shop1.png" alt="" />
                                    </div>
                                    <div class="shopText">
                                        <div class="clear">
                                            <h5>宝贝许愿坊 童装女装套装 </h5>
                                            <a href="#" class="close J_btnDelete">X</a>
                                        </div>
                                        <p>深蓝 140码</p>
                                        <div class="clear">
                                            <div class="plush">
                                                <span class="J_btnDelCount">-</span>
                                                <input class="J_inputCount" type="text" value="1" />
                                                <span class="J_btnAddCount">+</span>
                                            </div>
                                            <strong class="J_smallTotalPrice">￥190</strong>
                                        </div>
                                    </div>
                                </div>
                                <p>参加一项促销，节约成本￥100</p>
                            </li>
                            <li>
                                <h4>1号店 <span class="J_count">共1件商品</span></h4>
                                <div class="clear">
                                    <div class="shopImg">
                                        <img src="images/shop2.png" alt="" />
                                    </div>
                                    <div class="shopText">
                                        <div class="clear">
                                            <h5>亨氏 乐维滋清乐2+2果汁 </h5>
                                            <a href="#" class="close J_btnDelete">X</a>
                                        </div>
                                        <p>草莓山楂枸杞</p>
                                        <div class="clear">
                                            <div class="plush">
                                                <span class="J_btnDelCount">-</span>
                                                <input class="J_inputCount" type="text" value="1" />
                                                <span class="J_btnAddCount">+</span>
                                            </div>
                                            <strong class="J_smallTotalPrice">￥5.8</strong>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <h4>珠韵首饰旗舰店 <span class="J_count">共1件商品</span></h4>
                                <div class="clear">
                                    <div class="shopImg">
                                        <img src="images/shop3.png" alt="" />
                                    </div>
                                    <div class="shopText">
                                        <div class="clear">
                                            <h5>珠韵首饰 大粒径 9.5-10.5mm近圆白色淡水珍珠项链 送妈妈白色45CM</h5>
                                            <a href="#" class="close J_btnDelete">X</a>
                                        </div>
                                        <p>淡水白色近圆珍珠</p>
                                        <div class="clear">
                                            <div class="plush">
                                                <span class="J_btnDelCount">-</span>
                                                <input class="J_inputCount" type="text" value="1" />
                                                <span class="J_btnAddCount">+</span>
                                            </div>
                                            <strong class="J_smallTotalPrice">¥758 </strong>
                                        </div>
                                    </div>
                                </div>
                                <p>全场包邮</p>
                            </li>
                        </ul>
                        <div class="option"><a href="#">意见反馈</a></div>
                        <div class="buy">
                            <p>合计 <span class="J_totalPrice">￥300.8</span></p>
                            <a href="#">立即结算 <span class="J_totalCount">(3)</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--网页主体内容-->
    <section class="center">
        <!--Begin Menu Begin-->
        <div class="menu_bg">
            <div class="menu">
                <!--Begin 商品分类详情 Begin-->
                <nav class="nav">
                    <div class="nav_t">全部商品分类</div>
                </nav>
                <!--End 商品分类详情 End-->
                <nav>
                    <ul class="menu_r">
                        <li class="active"><a href="">首页</a></li>
                        <li class="active"><a href="">自营超市</a></li>
                        <li><a href="">1号团</a></li>
                        <li><a href="">1号超市</a></li>
                        <li><a href="">女装</a></li>
                        <li><a href="">美妆</a></li>
                        <li><a href="">1号海购</a></li>
                        <li><a href="">团购</a></li>
                    </ul>
                </nav>
                <a href="#" class="m_ad"><img src="images/phone.png" alt="" /></a>
            </div>
        </div>
        <!--End Menu End-->
        <div class="i_bg">
            <div class="postion">
                <span class="fl">全部 > 珠宝饰品 > 珍珠项链 > </span>
                <span class="n_ch">
                    <span class="fl">品牌：<i>珠韵首饰</i></span>
                </span>
            </div>
            <!--Begin 筛选条件 Begin-->
            <div class="content ">
                <table border="0" class="choice">
                    <tr>
                        <td width="70">&nbsp; 品牌：</td>
                        <td class="td_a">
                            <a href="#" class="now">珠韵首饰/ZHUYUN JEWELLERY</a>
                            <a href="#">施华洛世奇/Swarovski</a>
                            <a href="#">海瞳</a>
                            <a href="#">周大福/CHOW TAI FOOK</a>
                            <a href="#">京润珍珠</a>
                            <a href="#">佰色传情 /BRI.R</a>
                            <a href="#">迈姿/Maizi</a>
                            <a href="#">Ginasy Jewelry</a>
                            <a href="#">心鑫圆</a>
                            <a href="#">银斯妮/yin si ni silver</a>
                            <a href="#">迈姿/Maizi</a>
                            <a href="#">Ginasy Jewelry</a>
                            <a href="#">蛟蓓</a>
                            <a href="#">芭比/Barbie</a>
                            <a href="#">珍福祥</a>
                            <a href="#">珍福祥</a>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp; 价格：</td>
                        <td class="td_a">
                            <a href="#">0-199</a>
                            <a href="#" class="now">200-399</a>
                            <a href="#">400-599</a>
                            <a href="#">600-899</a>
                            <a href="#">900-1299</a>
                            <a href="#">1300-1399</a>
                            <a href="#">1400以上</a>
                        </td>
                    </tr>
                    <tr>
                        <td>珍珠颜色：</td>
                        <td class="td_a">
                            <a href="#">混彩</a>
                            <a href="#">黑色系</a>
                            <a href="#">粉色系</a>
                            <a href="#">白色系</a>
                            <a href="#">金色系</a>
                            <a href="#">紫色系</a>
                        </td>
                    </tr>
                    <tr>
                        <td>珍珠分类：</td>
                        <td class="td_a">
                            <a href="#">天然海水珍珠</a>
                            <a href="#">养殖海水珍珠</a>
                            <a href="#">养殖淡水珍珠</a>
                            <a href="#">天然淡水珍珠</a>
                        </td>
                    </tr>
                </table>
            </div>
            <!--End 筛选条件 End-->

            <div class="content ">
                <div class="l_history">
                    <div class="his_t">
                        <span class="fl">浏览历史</span>
                        <span class="fr"><a href="#">清空</a></span>
                    </div>
                    <ul>
                        <li>
                            <div class="img"><a href="#"><img src="images/his_1.jpg" /></a></div>
                            <div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                            <div class="price">
                                <span>￥368.00</span>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img src="images/his_2.jpg" /></a></div>
                            <div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                            <div class="price">
                                <span>￥768.00</span>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img src="images/his_3.jpg" /></a></div>
                            <div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                            <div class="price">
                                <span>￥680.00</span>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img src="images/his_4.jpg" /></a></div>
                            <div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                            <div class="price">
                                <span>￥368.00</span>
                            </div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img src="images/his_5.jpg" /></a></div>
                            <div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                            <div class="price">
                                <span>￥368.00</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="l_list">
                    <div class="list_t">
                        <span class="fl list_or">
                            <a href="#">默认</a>
                            <a href="#">
                                <span class="fl">销量</span>
                                <span class="i_up">销量从低到高显示</span>
                                <span class="i_down">销量从高到低显示</span>
                            </a>
                            <a href="javascript:void(0);" id="sortPrice" class="now">
                                <span class="fl" data-key="0">价格</span>
                                <span class="i_up" data-key="1">价格从低到高显示</span>
                                <span class="i_down" data-key="2">价格从高到低显示</span>
                            </a>
                            <a href="#">新品</a>
                        </span>
                        <span class="fr">共发现120件</span>
                    </div>
                    <div class="list_c">

                        <ul class="cate_list">
                            <li>
                                <div class="img"><a href="#"><img src="images/per_1.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥198.00</span>
                                </div>
                                <div class="name"><a href="#">海瞳7-8mm水滴形天然珍珠项链</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_2.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥598.00</span>
                                </div>
                                <div class="name"><a href="#">佰色传情淡水珍珠项链圆8-9mm</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_3.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥440.00</span>
                                </div>
                                <div class="name"><a href="#">京润 【魅惑】海水珍珠项链</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_4.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥680.00</span>
                                </div>
                                <div class="name"><a href="#">心鑫圆 天然珍珠项链淡水套装</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_5.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥1980.00</span>
                                </div>
                                <div class="name"><a href="#">海瞳 明星款 玛瑙天然淡水珍珠</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_6.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥198.00</span>
                                </div>
                                <div class="name"><a href="#">佰色传情 淡水珍珠项链 </a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_7.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥390.00</span>
                                </div>
                                <div class="name"><a href="#">7-8mm米形珍珠 加长型 </a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_8.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥2980.00</span>
                                </div>
                                <div class="name"><a href="#">珠韵首饰 多色可选(白色)</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_9.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥670.00</span>
                                </div>
                                <div class="name"><a href="#">小清新8.5-10.5mm珍珠吊坠项链正圆饰品</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_10.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥2198.00</span>
                                </div>
                                <div class="name"><a href="#">京润 【简爱】 淡水珍珠项链</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_11.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥5198.00</span>
                                </div>
                                <div class="name"><a href="#">
                                        海瞳 罕见7-8mm高亮泽 表皮光滑 </a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_12.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥212.00</span>
                                </div>
                                <div class="name"><a href="#"> 媲美海水珠 天然浅粉金色珍珠项链</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_5.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥618.00</span>
                                </div>
                                <div class="name"><a href="#">无暇品质(925银玫瑰花型银扣)</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_6.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥260.00</span>
                                </div>
                                <div class="name"><a href="#">珍珠吊坠925银镀金 淡水珍珠项链锁骨链</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_7.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥198.00</span>
                                </div>
                                <div class="name"><a href="#">海瞳 淡水珍珠项链锁骨链</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_8.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥698.00</span>
                                </div>
                                <div class="name"><a href="#">海瞳 淡水珍珠吊坠</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_9.jpg" width="210" height="185" /></a>
                                </div>
                                <div class="price">
                                    <span>￥198.00</span>
                                </div>
                                <div class="name"><a href="#"> 超强光珍珠吊坠项链</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_10.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥865.00</span>
                                </div>
                                <div class="name"><a href="#"> 节节高升花生款(玫瑰色款)</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_11.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥198.00</span>
                                </div>
                                <div class="name"><a href="#">佰色传情 编织款珍珠项链</a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0); " class="j_car">加入购物车</a>
                                </div>
                            </li>
                            <li>
                                <div class="img"><a href="#"><img src="images/per_12.jpg" width="210"
                                            height="185" /></a></div>
                                <div class="price">
                                    <span>￥2198.00</span>
                                </div>
                                <div class="name"><a href="#">珠圆玉润 送爱人 </a></div>
                                <div class="carbg">
                                    <a href="#" class="ss">收藏</a>
                                    <a href="javascript:void(0);" class="j_car">加入购物车</a>
                                </div>
                            </li>
                        </ul>

                        <div class="pages">
                            <a href="#" class="p_pre">上一页</a>
                            <a href="#" class="cur">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <span>...</span>
                            <a href="#">20</a>
                            <a href="#" class="p_pre">下一页</a>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--网页底部-->
    <footer class="center">
        <!-- Footer -->
        <div class="b_btm_bg b_btm_c">
            <ul class="b_btm">
                <li>
                    <a><img src="images/b1.png" width="62" height="62" /></a>
                    <div>
                        <h2>正品保障</h2>正品行货 放心购买
                    </div>
                </li>
                <li>
                    <a><img src="images/b2.png" width="62" height="62" /></a>
                    <div>
                        <h2>满38包邮</h2>满38包邮 免运费
                    </div>
                </li>
                <li>
                    <a><img src="images/b3.png" width="62" height="62" /></a>
                    <div>
                        <h2>天天低价</h2>天天低价 畅选无忧
                    </div>
                </li>
                <li>
                    <a><img src="images/b4.png" width="62" height="62" /></a>
                    <div>
                        <h2>准时送达</h2>收货时间由你做主
                    </div>
                </li>
            </ul>
        </div>
        <div class="b_nav">
            <dl>
                <dt><a href="#">新手上路</a></dt>
                <dd><a href="#">售后流程</a></dd>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">订购方式</a></dd>
                <dd><a href="#">隐私声明</a></dd>
                <dd><a href="#">推荐分享说明</a></dd>
            </dl>
            <dl>
                <dt><a href="#">配送与支付</a></dt>
                <dd><a href="#">货到付款区域</a></dd>
                <dd><a href="#">配送支付查询</a></dd>
                <dd><a href="#">支付方式说明</a></dd>
            </dl>
            <dl>
                <dt><a href="#">会员中心</a></dt>
                <dd><a href="#">资金管理</a></dd>
                <dd><a href="#">我的收藏</a></dd>
                <dd><a href="#">我的订单</a></dd>
            </dl>
            <dl>
                <dt><a href="#">服务保证</a></dt>
                <dd><a href="#">退换货原则</a></dd>
                <dd><a href="#">售后服务保证</a></dd>
                <dd><a href="#">产品质量保证</a></dd>
            </dl>
            <dl>
                <dt><a href="#">联系我们</a></dt>
                <dd><a href="#">网站故障报告</a></dd>
                <dd><a href="#">购物咨询</a></dd>
                <dd><a href="#">投诉与建议</a></dd>
            </dl>
            <div class="b_tel_bg">
                <a href="#" class="b_sh1">新浪微博</a>
                <a href="#" class="b_sh2">腾讯微博</a>

                <p>
                    服务热线：<br />
                    <span>400-123-4567</span>
                </p>
            </div>
            <div class="b_er">
                <div class="b_er_c"><img src="images/er.gif" /></div>
                <img src="images/ss.png" />
            </div>
        </div>
        <div class="btmbg">
            <div class="btm">
                备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright© 1号店网上超市 2007-2016，All Rights Reserved. 复制必究 ,
                Technical Support: Dgg Group <br />
                <img src="images/b_1.gif" />
                <img src="images/b_2.gif" />
                <img src="images/b_3.gif" />
                <img src="images/b_4.gif" />
                <img src="images/b_5.gif" />
                <img src="images/b_6.gif" />
            </div>
        </div>
        <!--Footer -->
    </footer>
    <script src="./js/jquery-1.11.1.min.js"></script>
    <script src="./js/jq-1.12.4.js"></script>
    <script src="./js/categoryList.js"></script>
</body>

</html>